<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Event On</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
		 <!--<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic' rel='stylesheet' type='text/css'>
         Place favicon.ico and apple-touch-icon.png in the root directory -->
    <link rel="apple-touch-icon" href="apple-touch-icon-precomposed.png">
    <link rel="shortcut icon" href="favicon.png">

         <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
        
        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="css/jquery.datetimepicker.css">
        <link rel="stylesheet" href="css/main.css">
        <script src="js/vendor/modernizr-2.6.2.min.js" async></script>
    <script type="text/javascript">var switchTo5x=true;</script>
     <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
    <script type="text/javascript" defer>stLight.options({publisher: "ur-b4964695-8b2f-20dd-2ced-c9f6141de24c", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
<!-- Header -->
<header class="header-container">
    <!-- Header Top -->
            <div class="header-top">
            	<div class="container">
                	<div class="row">
                    <div class="col-md-6">
                        <ul class="login-details clearfix">
                            <li><a href="index-6.html#" class="agenticon">Agent Login</a></li>
                            <li><a href="index-6.html#" class="customericon">Customer Login</a></li>
                            <li class="membericon">Not a Member?</li>
                            <li><a href="index-6.html#" class="pri-color">Register Now</a></li>
                        </ul>
                    </div>
                    <div class="col-md-6">
                        <div class="social-icon pull-right">
                            <a href="index-6.html#" class="facebook fa fa-facebook"></a>
                            <a href="index-6.html#" class="twitter fa fa-twitter"></a>
                            <a href="index-6.html#" class="googleplus fa fa-google-plus"></a>
                            <a href="index-6.html#" class="dribble fa fa-dribbble"> </a>
                        </div>
                    </div>
                   </div> 
               </div>     
            </div>
        <!-- Main Header -->
           <div class="main-header affix">
            <!-- Moblie Nav Wrapper  -->
                <div class="mobile-nav-wrapper">
                    <div class="container ">
               <div id="logo">
<a href="index.html"><img src="img/logo.png" alt=""></a>
</div>
                    <!-- Search -->
                     <div id="sb-search" class="sb-search">
                            <form>
                                <input class="sb-search-input" placeholder="Search" type="text" name="search" id="search">
                                <input class="sb-search-submit" type="submit" value="">
                                <span class="sb-icon-search"></span>
                            </form>
                        </div>
                     <!-- moblie Menu Icon -->
                        <div class="mobile-menu-icon">
                                <i class="fa fa-bars"></i>
                         </div> 
                 <!-- Main Nav  -->
                       <nav class="main-nav mobile-menu">
                         
						<ul class="clearfix">
                            <li class="parent active"><a href="index-6.html#">Home</a>
                            <!-- Sub Menu -->
                            	<ul class="sub-menu">
                                	<li class="arrow"></li>
                                	<li><a href="index.html">Home-1</a></li> <li><a href="index-2.html">Home-2</a></li>
                                	<li><a href="index-3.html">Home-3</a></li>
                                    <li><a href="index-4.html">Home-4</a></li>
                                    <li><a href="index-5.html">Home-5</a></li>
                                    <li><a href="index-6.html">Home-6</a></li>
                                </ul>
                            </li>
                            
                            <li class="parent"><a href="index-6.html#">Events</a>
                            <!-- Sub Menu -->
                            	<ul class="sub-menu">
                                	<li class="arrow"></li>
                                	<li><a href="event.html">Event</a></li>
                                    <li><a href="event-sidebar-left.html">Event-Sidebar-Left</a></li>
                                	<li><a href="event-sidebar-right.html">Event-Sidebar-Right</a></li>
                                   <li><a href="event-detail.html">Event Detail</a></li>
                                </ul>
                            </li>
                            <li><a href="index-6.html#">Directions</a></li>
                            <li><a href="event-tv.html">Events TV</a></li>
                            <li class="parent"><a href="event-blog.html">Blog</a>
                            <!-- Sub Menu -->
                            	<ul class="sub-menu">
                                	<li class="arrow"></li>
                                	<li><a href="event-blog.html">Event Blog</a></li>
                                    <li><a href="event-single-blog.html">Event Single-Blog</a></li>
                                </ul>
                            </li>
                            <li><a href="gallery.html">Gallery</a></li>
                            <li><a href="contact.html">Contact</a></li>
                        </ul>
                    </nav>
                </div>
                </div>
          </div>
     </header>
     <!-- Banner -->
      <div class="banner">
    	<div class="container">
                <div class="center">
                    <h1 class="title">Get Ready for The Next Event. Its Begining!</h1>
                    <p>Etiam tristique ornare massa. Suspendisse in porta mauris. Phasellus quis libero eget diam tincidunt ornare. Suspendisse et libero urna. Cras auctor cursus purus, eget fringilla tellus dictum tempus. Ut gravida laoreet tincidunt. </p>
                    <!-- clock -->
                  <div class="clock clearfix">
                    <div class="clock-item clock-days countdown-time-value ">
                        <div class="wrap">
                            <div class="inner">
                                <div id="canvas-days" class="clock-canvas"></div>
            
                                <div class="clock-content">
                                    <p class="val">0</p>
                                    <p class="typ type-days type-time">DAYS</p>
                                </div>
                            </div>
                        </div>
                    </div>
            
                    <div class="clock-item clock-hours countdown-time-value ">
                        <div class="wrap">
                            <div class="inner">
                                <div id="canvas-hours" class="clock-canvas"></div>
            
                                <div class="clock-content">
                                    <p class="val">0</p>
                                    <p class="typ type-hours type-time">HOURS</p>
                                </div>
                            </div>
                        </div>
                    </div>
            
                    <div class="clock-item clock-minutes countdown-time-value">
                        <div class="wrap">
                            <div class="inner">
                                <div id="canvas-minutes" class="clock-canvas"></div>
            
                                <div class="clock-content">
                                    <p class="val">0</p>
                                    <p class="typ type-minutes type-time">MINUTES</p>
                                </div>
                            </div>
                        </div>
                    </div>
            
                    <div class="clock-item clock-seconds countdown-time-value ">
                        <div class="wrap">
                            <div class="inner">
                                <div id="canvas-seconds" class="clock-canvas"></div>
            
                                <div class="clock-content">
                                    <p class="val">0</p>
                                    <p class="typ type-seconds type-time">SECONDS</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
           </div>     
        </div>
    </div>

  <!-- Event Form -->
  	<section class="eventform newsection">
        <div class="container">
            <div class="row">
            <div class="col-md-3">
                <small>Find what you want</small>
                <h2 class="title">event or conference</h2>
            </div>
            
            <div class="col-md-9 eventform-con">
                <form>
                    <div class="form-input search-location">
                        <input type="text" value="" placeholder="Select Location">
                        <i class="icon icon-s fa fa-search"></i>
                        <button class="icon fa fa-globe"></button>
                    </div>
                    
                    <div class="form-input">
                        <input placeholder="mm/dd/yy" class="date_timepicker_start">
                        <button type="button"  value="open" class="open icon fa fa-calendar"></button>
                    </div>
                    
                    <div class="form-input">
                         <div class="styled-select">
                                       <select>
                                          <option>Select Fields</option>
                                          <option>The second option</option>
                                       </select>
                          </div>
                    </div>
                    
                    <div class="form-input ">
                          	 <button class="btn btn-pri ">fınd event</button>
                    </div>
                </form>
            </div>
        </div>
        </div>
    </section>
    
    
   
  <!-- events -->
   <section class="events newsection">
   		<div class="container">
        <!-- Tabs -->
         <div class="tabs">
            <ul class="clearfix">
                <li><a href="index-6.html#tabs-1">Up Coming Events</a></li>
                <li><a href="index-6.html#tabs-2">Popular Events</a></li>
            </ul>
            <!-- Tabs-1 -->
            <div id="tabs-1">
           		<div class="event-container">
                <div class="row">
                 <div class="col-md-3">
                        <div class="event">
                            <div class="eventsimg">
                                 <img src="img/Image-1.jpg" alt="">
                            </div>
                            <div class="event-content">
                                <h3 class="title">Using Social Services Increase Your Sales </h3>
                                <p>Lorem ipsum dolor sit amet, feugiat delicata id cum, eu sit. [...] </p>
                                <a href="index-6.html#" class="btn btn-pri">buy tıcket</a>
                            </div>
                                <div class="links clearfix">
                                <ul>
                                    <li><a class='st_sharethis_large' ><i class="icon fa fa-share"></i> share</a></li>
                                   <li><a href="index-6.html#"><i class="icon fa fa-heart"></i>26</a></li>
                                   <li><a href="index-6.html#" ><i class="icon fa fa-comment"></i>33</a> </li> 
                                </ul> 
                            </div>
                        </div>
                    </div>
                    
                     <div class="col-md-3">
                        <div class="event">
                            <div class="eventsimg">
                                 <img src="img/Image-2.jpg" alt="">
                            </div>
                            <div class="event-content">
                                <h3 class="title">Using Social Services Increase Your Sales </h3>
                                <p>Lorem ipsum dolor sit amet, feugiat delicata id cum, eu sit. [...] </p>
                                <a href="index-6.html#" class="btn btn-disabled disabled">sold out</a>
                            </div>
                               <div class="links clearfix">
                                <ul>
                                    <li><a class='st_sharethis_large' ><i class="icon fa fa-share"></i> share</a></li>
                                   <li><a href="index-6.html#"><i class="icon fa fa-heart"></i>26</a></li>
                                   <li><a href="index-6.html#" ><i class="icon fa fa-comment"></i>33</a> </li> 
                                </ul> 
                            </div>
                        </div>
                    </div>
                    
                   <div class="col-md-3">
                        <div class="event">
                            <div class="eventsimg">
                                 <img src="img/Image-3.jpg" alt="">
                            </div>
                            <div class="event-content">
                                <h3 class="title">Using Social Services Increase Your Sales </h3>
                                <p>Lorem ipsum dolor sit amet, feugiat delicata id cum, eu sit. [...] </p>
                                <a href="index-6.html#" class="btn btn-sec">Free Entry</a>
                            </div>
                               <div class="links clearfix">
                                <ul>
                                    <li><a class='st_sharethis_large' ><i class="icon fa fa-share"></i> share</a></li>
                                   <li><a href="index-6.html#"><i class="icon fa fa-heart"></i>26</a></li>
                                   <li><a href="index-6.html#" ><i class="icon fa fa-comment"></i>33</a> </li> 
                                </ul> 
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="event">
                            <div class="eventsimg">
                                 <img src="img/Image-6.jpg" alt="">
                            </div>
                            <div class="event-content">
                                <h3 class="title">Using Social Services Increase Your Sales </h3>
                                <p>Lorem ipsum dolor sit amet, feugiat delicata id cum, eu sit. [...] </p>
                                <a href="index-6.html#" class="btn btn-pri">buy tıcket</a>
                            </div>
                              <div class="links clearfix">
                                <ul>
                                    <li><a class='st_sharethis_large' ><i class="icon fa fa-share"></i> share</a></li>
                                   <li><a href="index-6.html#"><i class="icon fa fa-heart"></i>26</a></li>
                                   <li><a href="index-6.html#" ><i class="icon fa fa-comment"></i>33</a> </li> 
                                </ul> 
                            </div>
                        </div>
                    </div>
                </div>
                </div>
            </div>
            <!-- tabs-2 -->
            <div id="tabs-2">
           		<div class="event-container">
                <div class="row">
                 <div class="col-md-3">
                        <div class="event">
                            <div class="eventsimg">
                                 <img src="img/Image-8.jpg" alt="">
                            </div>
                            <div class="event-content">
                                <h3 class="title">Using Social Services Increase Your Sales </h3>
                                <p>Lorem ipsum dolor sit amet, feugiat delicata id cum, eu sit. [...] </p>
                                <a href="index-6.html#" class="btn btn-pri">buy tıcket</a>
                            </div>
                                <div class="links clearfix">
                                <ul>
                                    <li><a class='st_sharethis_large' ><i class="icon fa fa-share"></i> share</a></li>
                                   <li><a href="index-6.html#"><i class="icon fa fa-heart"></i>26</a></li>
                                   <li><a href="index-6.html#" ><i class="icon fa fa-comment"></i>33</a> </li> 
                                </ul> 
                            </div>
                        </div>
                    </div>
                    
                     <div class="col-md-3">
                        <div class="event">
                            <div class="eventsimg">
                                 <img src="img/Image-9.jpg" alt="">
                            </div>
                            <div class="event-content">
                                <h3 class="title">Using Social Services Increase Your Sales </h3>
                                <p>Lorem ipsum dolor sit amet, feugiat delicata id cum, eu sit. [...] </p>
                                <a href="index-6.html#" class="btn btn-pri">buy tıcket</a>
                            </div>
                               <div class="links clearfix">
                                <ul>
                                    <li><a class='st_sharethis_large' ><i class="icon fa fa-share"></i> share</a></li>
                                   <li><a href="index-6.html#"><i class="icon fa fa-heart"></i>26</a></li>
                                   <li><a href="index-6.html#" ><i class="icon fa fa-comment"></i>33</a> </li> 
                                </ul> 
                            </div>
                        </div>
                    </div>
                    
                   <div class="col-md-3">
                        <div class="event">
                            <div class="eventsimg">
                                 <img src="img/Image-2.jpg" alt="">
                            </div>
                            <div class="event-content">
                                <h3 class="title">Using Social Services Increase Your Sales </h3>
                                <p>Lorem ipsum dolor sit amet, feugiat delicata id cum, eu sit. [...] </p>
                                <a href="index-6.html#" class="btn btn-pri">buy tıcket</a>
                            </div>
                               <div class="links clearfix">
                                <ul>
                                    <li><a class='st_sharethis_large' ><i class="icon fa fa-share"></i> share</a></li>
                                   <li><a href="index-6.html#"><i class="icon fa fa-heart"></i>26</a></li>
                                   <li><a href="index-6.html#" ><i class="icon fa fa-comment"></i>33</a> </li> 
                                </ul> 
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="event">
                            <div class="eventsimg">
                                 <img src="img/Image-1.jpg" alt="">
                            </div>
                            <div class="event-content">
                                <h3 class="title">Using Social Services Increase Your Sales </h3>
                                <p>Lorem ipsum dolor sit amet, feugiat delicata id cum, eu sit. [...] </p>
                                <a href="index-6.html#" class="btn btn-pri">buy tıcket</a>
                            </div>
                                <div class="links clearfix">
                                <ul>
                                    <li><a class='st_sharethis_large' ><i class="icon fa fa-share"></i> share</a></li>
                                   <li><a href="index-6.html#"><i class="icon fa fa-heart"></i>26</a></li>
                                   <li><a href="index-6.html#" ><i class="icon fa fa-comment"></i>33</a> </li> 
                                </ul> 
                            </div>
                        </div>
                    </div>
                </div>
                </div>
            </div>
            <a href="event.html" class="btn btn-border btn-lg">view all events</a>
        </div>
      </div>  
   </section>
      <!-- Background  -->
  <section class="background clearfix newsection">
	<div class="container">
        <div class="border-cover">
        	<div class="background-content clearfix">
                <h2 class="title">so What are You Waiting For</h2>
                <p>Vivamus ante nulla, ultrices ut molestie pellentesque, posuere eu ligula. In porttitor in turpis eu porttitor. Maecenas gravida leo non. Proin semper enim non nunc.</p>
                
              	<div class="both-btn clearfix">
                        <div class="find-events">
                            <a href="event.html">Find Events</a>
                        </div>
                       
                        <div class="but-ticket">
                            <a href="index-6.html#"> Buy Tickets</a>
                        </div>
                        
                        <span class="round">or</span>
                    </div>
                
             </div>   
        </div>
    </div>
</section>
        
        <!-- Events -->
    <section class="events newsection">
        <div class="container">
            <h2 class="title">Conference and Events Hotel Deals</h2>
            <p class="contentcenter">We are a team of events and conferences dedicated to building remarkable events.
                Working with us gets you access to our full suite of conference and everts. </p>

                <div class="event-container">
                    <div class="row">
                        <div class="col-md-3 col-sm-3">
                            <div class="event">
                                <div class="eventsimg">
                                    <img src="img/hotel-1.jpg" alt="">
                                </div>

                                <div class="event-content">
                                    <h3 class="title">Boutique Hotel Roemer</h3>
                                    <div class="rating">
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                    </div>
                                    <p>Lorem ipsum dolor sit amet, feugiat delicata id cum, eu sit. [...] </p>
                                    <a href="index-6.html#" class="btn btn-pri">Book</a>
                                </div>

                            </div>
                        </div>

                        <div class="col-md-3  col-sm-3">
                            <div class="event">
                                <div class="eventsimg">
                                    <img src="img/hotel-1.jpg" alt="">
                                </div>
                                <div class="event-content">
                                    <h3 class="title">The Albus Hotel Name</h3>
                                    <div class="rating">
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                    </div>
                                    <p>Lorem ipsum dolor sit amet, feugiat delicata id cum, eu sit. [...] </p>
                                    <a href="index-6.html#" class="btn btn-pri">Book</a>
                                </div>

                            </div>
                        </div>

                        <div class="col-md-3 col-sm-3">
                            <div class="event">
                                <div class="eventsimg">
                                    <img src="img/hotel-1.jpg" alt="">
                                </div>
                                <div class="event-content">
                                    <h3 class="title">Eden Amsterdam Hotel Name</h3>
                                    <div class="rating">
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                    </div>
                                    <p>Lorem ipsum dolor sit amet, feugiat delicata id cum, eu sit. [...] </p>
                                    <a href="index-6.html#" class="btn btn-pri">Book</a>
                                </div>

                            </div>
                        </div>
                        <div class="col-md-3 col-sm-3">
                            <div class="event">
                                <div class="eventsimg">
                                    <img src="img/hotel-1.jpg" alt="">
                                </div>
                                <div class="event-content">
                                    <h3 class="title">Andaz Amsterdam Hotel Name</h3>
                                    <div class="rating">
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                    </div>
                                    <p>Lorem ipsum dolor sit amet, feugiat delicata id cum, eu sit. [...] </p>
                                    <a href="index-6.html#" class="btn btn-pri">Book</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="index-6.html#" class="btn btn-border btn-lg">more DETAILS</a>
            </div>  
        </section> 
<!-- Footer -->    
   <footer class="main-footer">
   		<div class="container">
          <div class="row">	
                <div class="widget col-md-3">
                    <div class="about">
                        <h2 class="title">About <span class="border"></span></h2>
                        <p>Vivamus ante nulla, ultrices ut molestie pellentesque, posuere eu ligula. In porttitor in turpis eu porttitor. </p> 
                    </div>
                    <ul class="fa-ul">
                      <li><i class="fa-li fa fa-map-marker"></i>1600 Pennsylvania Ave NW,
                            Washington, D.C., DC 20500, ABD</li>
                      <li> <i class="fa-li fa fa-phone fa-flip-horizontal"></i>+90 555 55 55</li>
                      <li><i class="fa-li fa fa-envelope-o "></i><a href="index-6.html#">info@example.com</a></li>
                    </ul>           
                </div>
                
                <div class="widget col-md-3">
                	<h2 class="title">Recent Blog Posts<span class="border"></span></h2>
                    <div class="recent-blog">
                    	<div class="recent-img">
                        	<img src="img/recent-1.png" alt="">
                        </div>
                        <div class="recent-content">
                        	<h3 class="title"><a href="index-6.html#"> Lorem ipsum dolor sit amet consectetur. </a> </h3>
                            <p class="date"><i class="icon fa fa-calendar"></i>October 24th, 2013</p>
                            <p class="comment"><i class="icon fa fa-comment"></i><a href="index-6.html#">23 Comments</a></p>
                        </div>
                    </div>
                    
                     <div class="recent-blog">
                    	<div class="recent-img">
                        	<img src="img/recent-2.png" alt="">
                            <img src="img/recent-2.png" alt="">
                        </div>
                          <div class="recent-content">
                        	<h3 class="title"><a href="index-6.html#"> Lorem ipsum dolor sit amet consectetur. </a> </h3>
                            <p class="date"><i class="icon fa fa-calendar"></i>October 24th, 2013</p>
                            <p class="comment"><i class="icon fa fa-comment"></i><a href="index-6.html#">23 Comments</a></p>
                        </div>
                    </div>
                    
                     <div class="recent-blog">
                    	<div class="recent-img">
                        	<img src="img/recent-3.png" alt="">
                        </div>
                         <div class="recent-content">
                        	<h3 class="title"><a href="index-6.html#"> Lorem ipsum dolor sit amet consectetur. </a> </h3>
                            <p class="date"><i class="icon fa fa-calendar"></i>October 24th, 2013</p>
                            <p class="comment"><i class="icon fa fa-comment"></i><a href="index-6.html#">23 Comments</a></p>
                        </div>
                    </div>
                </div>
                
              <div class="widget lastest-tweets col-md-3">
                	<h2 class="title">Lastest Tweets<span class="border"></span></h2>
                    <ul class="fa-ul twitters"></ul>
              </div>
              
             <div class="widget col-md-3">
             	<h2 class="title">Flickr Photos<span class="border"></span></h2>
                  <div class="flicker flickrwidget"></div>  
            </div>
                
           </div> 
        </div>
   </footer>     
      <script src="js/vendor/jquery-1.10.2.min.js" defer></script>
        
        <script src="js/plugins.js" defer></script>
        <script src="js/main.js" defer></script>
	
    </body>
</html>
